<!doctype HTML public "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- Click to Convert 5.2: Anything to HTML -->
<!-- http://www.clicktoconvert.com -->

<html>
<head>
<title>gravityboxscheduleuserguide - page 75 of 234</title>
<meta http-equiv=content-type content=text/html;charset=iso-8859-1>
<meta name="Generator" content="Click to Convert">

<!--Start of page styles-->
<STYLE TYPE="text/css">
<!--
 /* Foreground Image Styles */

 /* Position Styles */
 .ts75p0{position:absolute;left:106px;top:97px;}
 .ts75p1{position:absolute;left:352px;top:97px;}
 .ts75p3{position:absolute;left:672px;top:97px;}
 .ts75p7{position:absolute;left:106px;top:113px;}
 .ts75p8{position:absolute;left:706px;top:1026px;}
 .ts75p9{position:absolute;left:331px;top:1044px;}
 .ts75p13{position:absolute;left:106px;top:146px;}
 .ts75p14{position:absolute;left:106px;top:164px;}
 .ts75p18{position:absolute;left:106px;top:183px;}
 .ts75p19{position:absolute;left:106px;top:201px;}
 .ts75p21{position:absolute;left:106px;top:238px;}
 .ts75p23{position:absolute;left:106px;top:256px;}
 .ts75p24{position:absolute;left:106px;top:275px;}
 .ts75p25{position:absolute;left:106px;top:293px;}
 .ts75p27{position:absolute;left:106px;top:312px;}
 .ts75p29{position:absolute;left:106px;top:330px;}
 .ts75p30{position:absolute;left:106px;top:348px;}
 .ts75p32{position:absolute;left:106px;top:385px;}
 .ts75p33{position:absolute;left:106px;top:404px;}
 .ts75p35{position:absolute;left:106px;top:422px;}
 .ts75p36{position:absolute;left:106px;top:440px;}
 .ts75p37{position:absolute;left:106px;top:459px;}
 .ts75p39{position:absolute;left:106px;top:477px;}
 .ts75p40{position:absolute;left:106px;top:496px;}
 .ts75p41{position:absolute;left:106px;top:514px;}
 .ts75p43{position:absolute;left:106px;top:532px;}
 .ts75p46{position:absolute;left:106px;top:551px;}
 .ts75p47{position:absolute;left:106px;top:569px;}
 .ts75p49{position:absolute;left:106px;top:588px;}
 .ts75p50{position:absolute;left:106px;top:606px;}
 .ts75p51{position:absolute;left:106px;top:624px;}
 .ts75p53{position:absolute;left:106px;top:643px;}
 .ts75p54{position:absolute;left:106px;top:661px;}
 .ts75p56{position:absolute;left:106px;top:680px;}
 .ts75p57{position:absolute;left:106px;top:698px;}
 .ts75p59{position:absolute;left:106px;top:735px;}
 .ts75p61{position:absolute;left:106px;top:753px;}
 .ts75p62{position:absolute;left:106px;top:772px;}
 .ts75p63{position:absolute;left:106px;top:790px;}
 .ts75p65{position:absolute;left:106px;top:808px;}
 .ts75p67{position:absolute;left:106px;top:827px;}
 .ts75p68{position:absolute;left:106px;top:845px;}
 .ts75p69{position:absolute;left:106px;top:864px;}
 .ts75p71{position:absolute;left:106px;top:882px;}
 .ts75p72{position:absolute;left:106px;top:900px;}
 .ts75p74{position:absolute;left:106px;top:919px;}

 /* Font Styles */
 .ft0p75{font-style:normal;font-weight:bold;font-size:13px;font-family:arial,sans-serif;color:#000000;}
 .ft1p75{font-weight:normal;}
 .ft2p75{font-style:normal;font-weight:normal;font-size:13px;font-family:"times new roman","times new roman",times,serif;color:#000000;}
 .ft3p75{font-style:normal;font-weight:normal;font-size:16px;font-family:"times new roman","times new roman",times,serif;color:#000000;}
 .ft4p75{font-style:normal;font-weight:bold;font-size:11px;font-family:arial,sans-serif;color:#000000;}
 .ft5p75{font-style:normal;font-weight:normal;font-size:16px;font-family:arial,sans-serif;color:#000000;}
 .ft6p75{font-style:normal;font-weight:bold;font-size:21px;font-family:arial,sans-serif;color:#808080;}

 /* Background Style */
 .styleBackground75{position:absolute;left:105px;top:1030px}

 /* Navigation Styles */
 .styleNavBarTop{position:absolute;left:0px;top:2px}
 .nb{position:absolute;left:2px;top:0px}
 .nbs{position:absolute;left:0px;top:0px}
 .nbe{position:absolute;left:836px;top:0px}
 .styleNavBarBot{position:absolute;left:0px;top:1117px}
-->
</STYLE>
<!--End of page styles-->

</head>
<body bgcolor="#ffffff" text="#000000" link="#0000FF" Vlink="#660099">

<table id="pageTable" width="836" STYLE="position: relative; left: auto; top: auto;"><tr><td>
<div class=nbs><img src="./navbarstart.gif" width="2" height="30"></div>
<div class=nb><img src="./navbar.gif" width="836" height="30" alt="Navigation bar"></div>
<div class=nbe><img src="./navbarend.gif" width="2" height="30"></div>
<div class=styleNavBarTop>
<table width="834" height="26" border="0" cellspacing="0">
  <tr align="left">
    <td width="4">&nbsp;</td>
    <td width="25" align="center"><a href="http://www.gravitybox.com" target="_parent"><img src="./home.gif" border="0" alt="Home"></a></td>
    <td width="25" align="center"><a href="#" onClick="window.open('./print.html','Printing','width=300,height=100,toolbar=no,directories=no');return false;"><img src="./print.gif" border="0" alt="Print document"></a></td>
    <td width="10" align="center"><img src="./separator.gif" border="0"></td>
    <td width="18" align="center"><a href="./index1.html"><img src="./start.gif" width="18" height="14" border="0" alt="Start"></a></td>
    <td width="18" align="center"><a href="./index74.html"><img src="./back.gif" width="14" height="14" border="0" alt="Previous page"></a></td>
    <td width="80" valign="middle"><table width="100%" height="16" border="0" cellspacing="1" bgcolor="#ACA899"><tr><td align="center" bgcolor="#ffffff"><font face=verdana,arial,sans-serif><font size="1">&nbsp;75 of 234&nbsp;</font></font></td></tr></table></td>
    <td width="18" align="center"><a href="./index76.html"><img src="./forward.gif" width="14" height="14" border="0" alt="Next page"></a></td>
    <td width="18" align="center"><a href="./index234.html"><img src="./end.gif" width="18" height="14" border="0" alt="End"></a></td>
    <td width="620">&nbsp;</td>
  </tr>
</table>
<p>
</div>
<nobr>
<div class=styleBackground75><img src="./background75.png" width="625" height="25" border="0" alt=""></div>
<div class=ts75p0><span class="ft0p75"> </span></div>
<div class=ts75p1><span class="ft0p75">Gravitybox Schedule Primer<span class="ft1p75"> </span></span></div>
<div class=ts75p3><span class="ft0p75">Page 73&nbsp; </span></div>
<div class=ts75p7><span class="ft2p75"> </span></div>
<div class=ts75p8><span class="ft3p75"> </span></div>
<div class=ts75p9><span class="ft4p75">1998&#45;2004 Gravitybox Software LLC<span class="ft3p75"> </span></span></div>
<div class=ts75p13><span class="ft5p75">one preferred by much of Europe and will receive a warmer reception there than the </span></div>
<div class=ts75p14><span class="ft5p75">American 12&#45;hour format. </span></div>
<div class=ts75p18><span class="ft5p75"> </span></div>
<div class=ts75p19><span class="ft6p75">HeaderDateFormat </span></div>
<div class=ts75p21><span class="ft5p75">This is a most useful property. When deploying a scheduling application around the </span></div>
<div class=ts75p23><span class="ft5p75">world, each country insists on its own date format. This property determines the format </span></div>
<div class=ts75p24><span class="ft5p75">of the date displayed in the header of each day. This property is also useful to </span></div>
<div class=ts75p25><span class="ft5p75">customize the date display, even if the application is never deployed over seas. Line </span></div>
<div class=ts75p27><span class="ft5p75">breaks may be specified as well to display any type of custom format. </span></div>
<div class=ts75p29><span class="ft5p75"> </span></div>
<div class=ts75p30><span class="ft6p75">ImageList and IconAlign </span></div>
<div class=ts75p32><span class="ft5p75">The schedule has a property &#147;ImageList&#148; that may be set to a valid reference of a </span></div>
<div class=ts75p33><span class="ft5p75">Microsoft Common Controls ImageList. This ImageList may contain icons that you wish </span></div>
<div class=ts75p35><span class="ft5p75">to associate with an appointment. First add the icons you wish to use and make sure </span></div>
<div class=ts75p36><span class="ft5p75">that each icon has a its key property value set. The images look best if they are 16x16 </span></div>
<div class=ts75p37><span class="ft5p75">and the ImageList&#146;s &#147;UseMaskColor&#148; property is set to true. Each appointment has an </span></div>
<div class=ts75p39><span class="ft5p75">&#147;Icons&#148; collection that may be used to display custom icons with an appointment. To </span></div>
<div class=ts75p40><span class="ft5p75">specify icons just call the collection&#146;s &#147;Add&#148; method with the icon key you wish to use. If </span></div>
<div class=ts75p41><span class="ft5p75">the key is not valid it is just skipped when displaying icons on the schedule canvas. No </span></div>
<div class=ts75p43><span class="ft5p75">ruin&#45;time error occurs. When drawing an appointment, if the schedule finds a valid </span></div>
<div class=ts75p46><span class="ft5p75">ImageList and one of its icons ha a key that matches a key in the Icons collection, the </span></div>
<div class=ts75p47><span class="ft5p75">associated icon is drawn on the appointment. You may specify any number of icons for </span></div>
<div class=ts75p49><span class="ft5p75">an appointment. Icons that do not fit on the appointment will not be displayed at al. This </span></div>
<div class=ts75p50><span class="ft5p75">is a limitation of small appointments. The appointment square is only so big and if you </span></div>
<div class=ts75p51><span class="ft5p75">specify 100 icons, all of them will probably not fit. This brings up another property, </span></div>
<div class=ts75p53><span class="ft5p75">IconAlign. Icons may be displayed on the left or top of the appointment text. You may </span></div>
<div class=ts75p54><span class="ft5p75">decide based on whichever looks the best for your situation. </span></div>
<div class=ts75p56><span class="ft5p75"> </span></div>
<div class=ts75p57><span class="ft6p75">CategoryBar </span></div>
<div class=ts75p59><span class="ft5p75">Even though Category objects have been defined in the Categories collection, their </span></div>
<div class=ts75p61><span class="ft5p75">display may not be needed. The CategoryBar property will allow for the selective display </span></div>
<div class=ts75p62><span class="ft5p75">of defined categories so that they may or may not be displayed in the left margin.&nbsp; The </span></div>
<div class=ts75p63><span class="ft5p75">associated mapped colors may still be displayed on the appointment&#146;s margin by setting </span></div>
<div class=ts75p65><span class="ft5p75">the AppointmentCategoryBar property to true. </span></div>
<div class=ts75p67><span class="ft5p75"> </span></div>
<div class=ts75p68><span class="ft5p75">Note: If category bar margin on the left is desired to be as small as possible, set the </span></div>
<div class=ts75p69><span class="ft5p75">DisplayName of the Categories collection to empty string. The margin is the smaller </span></div>
<div class=ts75p71><span class="ft5p75">width of this caption or the summation of the bar widths. Setting the caption to have a </span></div>
<div class=ts75p72><span class="ft5p75">zero width ensures that just enough space to display the category bars is used. </span></div>
<div class=ts75p74><span class="ft5p75"> </span></div>
<div class=styleNavBarBot>
<table width="836" border="0" cellspacing="2">
  <tr></tr>
  <tr>
    <td width="118"><a href="http://www.purepage.com"><img src="./smalllogo.gif" width="118" height="46" border="0" alt="http://www.purepage.com"></a></td>
    <td></td>
  </tr>
</table>
</div>

</td></tr></table>

</body>
</html>
